<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录页面</title>
    <link rel="icon" href="./favicon.ico">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/login.css">
</head>
<body>
        <!-- 顶部导航区 -->
     <div class="nav  clearfix">
        <div class="w">
            <div class="left left_address ">
                <span class="iconfont icon-map"></span>
                <a href="#">北京</a>
            </div>
            <div class="right less_list">
                <ul>
                    <li class="left"><a href="#">你好，请登录</a></li>
                    <li class="line"></li>
                    <li class="left"><a href="#">免费注册</a></li>
                    <li class="line"></li>
                    <li class="left">
                        <a href="#">我的订单</a>
                        <span class="iconfont icon-arrow-down-bold"></span>
                        <div class="nav_second">
                            <a href="#">待付款</a>
                            <a href="#">待收货</a>
                            <a href="#">待评价</a>
                            <a href="#">退换/售后</a>
                        </div>
                    </li>
                    <li class="line"></li>
                    <li class="left"><a href="#">我的御码</a></li>
                    <li class="line"></li>
                    <li class="left"><a href="#">企业采购</a></li>
                    <li class="line"></li>
                    <li class="left"><a href="#">商家服务</a></li>
                    <li class="line"></li>
                    <li class="left"><a href="#">网站导航</a></li>
                    <li class="line"></li>
                    <li class="left"><a href="#">手机御码</a></li>
                    <li class="line"></li>
                    <li class="left"><a href="#">网站无障碍</a></li>
                </ul>
            </div>
            
        </div>
     </div>
     <!-- 登录区 -->
    <div class="login">    
        <div class="w"> 
            <div class="form">
                <div class="title clearfix">
                    <h2>账号密码登录</h2>
                    <strong>手机号查单 > </strong>
                </div>
                <div class="form_input_text">
                    <input type="text" placeholder="国内手机号/用户名/邮箱/卡号">
                    <input type="password" placeholder="登录密码">
                    <button class="btn">忘记密码</button>
                    <input type="button" value="登 录" class="btn_login">
                    <input type="radio" value="1"><span>阅读并同意携程的<a>服务协议</a>和<a>个人信息保护政策</a></span>
                </div>
                <div class="qita">
                    <span class="left"><a href="#">验证码登录</a></span>
                    <span class="right"><a href="./index.html">游客登录</a></span>
                </div>
                


            </div>
        </div>
    </div>



         <!-- 底部列表区 -->
     <div class="footer">
        <div class="w">
            <div class="footer_top clearfix">
                <img src="./img/footer_01@1x.png" alt="">
                <img src="./img/footer_02@1x.png" alt="">
                <img src="./img/footer_03@1x.png" alt="">
                <img src="./img/footer_04@1x.png" alt="">
             
            </div>
            <div class="footer_content clearfix ">
                <dl>
                  <dt>购物指南</dt>  
                    <dd>购物流程 </dd>
                    <dd>会员介绍 </dd>
                    <dd>生活旅行 </dd>
                    <dd>常见问题 </dd>
                    <dd>大家电 </dd>
                    <dd>联系客服</dd>
                </dl>
                 <dl>
                    <dt>配送方式</dt>
                    <dd>上门自提 </dd>
                    <dd>211限时达 </dd>
                    <dd>配送服务查询 </dd>
                    <dd>配送费收取标准</dd>
                </dl>
                 <dl>
                    <dt>支付方式</dt>
                    <dd>货到付款</dd> 
                    <dd>在线支付</dd> 
                    <dd>分期付款</dd> 
                    <dd>公司转账</dd>
                </dl>
                 <dl>
                    <dt>售后服务</dt>
                    <dd>售后政策 </dd>
                    <dd>价格保护 </dd>
                    <dd>退款说明 </dd>
                    <dd>返修/退换货 </dd>
                    <dd>取消订单</dd>
                </dl>
                 <dl>
                    <dt>特色服务</dt>
                    <dd>夺宝岛 </dd>
                    <dd>DIY装机 </dd>
                    <dd>延保服务 </dd>
                    <dd>御码E卡 </dd>
                    <dd>御码通信 </dd>
                    <dd>京鱼座智能</dd>
                </dl>
                <dl>
                    <dt>自营覆盖区县</dt>
                    <dd>京御码汇已向全国2661个区县提供自 营配送服务，支持货到付款、POS 机刷卡和售后上门服务。 </dd>    
                </dl>

            </div>
            <!-- <hr> -->
            <div class="footer_bottom">
                <ul class="clearfix">
                    <li>关于我们</li>
                    <li>联系我们</li>
                    <li>联系客服</li>
                    <li>合作招商</li>
                    <li>商家帮助</li>
                    <li>营销中心</li>
                    <li>手机御码</li>
                    <li>友情链接</li>
                    <li>销售联盟</li>
                    <li>隐私政策</li>
                </ul>
            </div>
        </div>
     </div>
    
</body>
</html>